<template lang="html">
  <sui-list divided relaxed>
    <sui-list-item>
      <sui-list-icon name="github" size="large" vertical-align="middle" />
      <sui-list-content>
        <a is="sui-list-header">Semantic-Org/Semantic-UI</a>
        <a is="sui-list-description">Updated 10 mins ago</a>
      </sui-list-content>
    </sui-list-item>
    <sui-list-item>
      <sui-list-icon name="github" size="large" vertical-align="middle" />
      <sui-list-content>
        <a is="sui-list-header">Semantic-Org/Semantic-UI-Docs</a>
        <a is="sui-list-description">Updated 22 mins ago</a>
      </sui-list-content>
    </sui-list-item>
    <sui-list-item>
      <sui-list-icon name="github" size="large" vertical-align="middle" />
      <sui-list-content>
        <a is="sui-list-header">Semantic-Org/Semantic-UI-Meteor</a>
        <a is="sui-list-description">Updated 34 mins ago</a>
      </sui-list-content>
    </sui-list-item>
  </sui-list>
</template>

<script>
export default {
  name: 'ListDividedExample',
};
</script>
